<template>
  <el-dialog ref="dialog" title="查看客户视图" :visible.sync=this.open width="1000px" append-to-body
             :before-close="handleClose">
    <el-card>
      <el-tabs v-model="activeName" ref="tabs">
        <el-tab-pane label="基本信息" name="cloum">
          <el-row>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>客户姓名：</label>
                <span>{{ queryDate.name }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>客户证件：</label>
                <span>{{ queryDate.idCard }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>客户性别：</label>
                <span>{{ sex }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>客户地址：</label>
                <span>{{ queryDate.address }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>客户年龄：</label>
                <span>{{ queryDate.age }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>客户电话：</label>
                <span>{{ queryDate.phone }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>管护机构：</label>
                <span>{{ orgName }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>管护经理：</label>
                <span>{{ userName }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>客户类型：</label>
                <span>{{ customerType }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>客户等级：</label>
                <span>{{ customerLevelZh }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>群体标签：</label>
                <span>{{ groLb }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>产品标签：</label>
                <span style="background-color: #1890FF;color: #FFFFFF;border-radius: 1.5625rem;margin: 20px;"
                      v-show="isPos">{{ Pos }}</span>
                <span style="background-color: #1890FF;color: #FFFFFF;border-radius: 1.5625rem;margin: 20px;"
                      v-show="isEtc">{{ Etc }}</span>
                <span style="background-color: #1890FF;color: #FFFFFF;border-radius: 1.5625rem;margin: 20px;"
                      v-show="isSbk">{{ Sbk }}</span>
                <span style="background-color: #1890FF;color: #FFFFFF;border-radius: 1.5625rem;margin: 20px;"
                      v-show="isSjwx">{{ Sjwx }}</span>
                <span style="background-color: #1890FF;color: #FFFFFF;border-radius: 1.5625rem;margin: 20px;"
                      v-show="isSjyh">{{ Sjyh }}</span>
                <span style="background-color: #1890FF;color: #FFFFFF;border-radius: 1.5625rem;margin: 20px;"
                      v-show="isSyb">{{ Syb }}</span>
                <span style="background-color: #1890FF;color: #FFFFFF;border-radius: 1.5625rem;margin: 20px;"
                      v-show="isXyk">{{ Xyk }}</span>
                <span style="background-color: #1890FF;color: #FFFFFF;border-radius: 1.5625rem;margin: 20px;"
                      v-show="isZfb">{{ Zfb }}</span>
              </div>
            </el-col>
            <el-col :span="12"></el-col>
          </el-row>
        </el-tab-pane>
        <el-tab-pane label="家庭成员" name="basic">
          <el-table v-loading="loading" :data="jtcyList" @selection-change="">
            <el-table-column type="selection" width="55" align="center"/>
            <el-table-column label="姓名" align="center" prop="name" :show-overflow-tooltip="true"></el-table-column>
            <el-table-column label="证件号码" width="180" align="center" prop="idCard"/>
            <el-table-column label="性别" width="120" align="center" prop="sex" :formatter="sexFormat"/>
            <el-table-column label="与户主关系" width="180" align="center" prop="yhzgx"/>
            <el-table-column label="年龄" width="120" align="center" prop="age"/>
            <el-table-column label="存款年日均" width="120" align="center" prop="cknrj" template></el-table-column>
            <el-table-column label="贷款余额" width="120" align="center" prop="dkye"/>
            <el-table-column label="存款余额" width="120" align="center" prop="ckye"/>
            <el-table-column label="手机银行" align="center" prop="sjyh" :formatter="sjyhFormat"/>
            <el-table-column label="收银宝" align="center" prop="syb" :formatter="sybFormat"/>
            <el-table-column label="社保卡" width="200" align="center" prop="sbk" :formatter="sbkFormat"/>
            <el-table-column label="省级微信" align="center" prop="sjwx" :formatter="sjwxFormat"/>
            <el-table-column label="财付通" width="200" align="center" prop="cft" :formatter="cftFormat"/>
            <el-table-column label="支付宝" align="center" prop="zfb" :formatter="zfbFormat"/>
          </el-table>
        </el-tab-pane>
        <el-tab-pane label="客户业务信息" name="genInfo">
          <el-row>
            <el-button type="primary">业务信息</el-button>
          </el-row>
          <el-table v-loading="loading" :data="proLabel" @selection-change="">
            <el-table-column type="selection" width="55" align="center"/>
            <el-table-column label="存款月日均" align="center" prop="ckyrj" :show-overflow-tooltip="true"></el-table-column>
            <el-table-column label="存款年日均" align="center" prop="cknrj"/>
            <el-table-column label="存款上年日均" align="center" prop="cksnrj"/>
            <el-table-column label="贷款月日均" align="center" prop="dkyrj"/>
            <el-table-column label="贷款年日均" align="center" prop="dknrj"/>
            <el-table-column label="贷款上年日均" align="center" prop="dksnrj" template></el-table-column>
          </el-table>
          <el-row style="margin-top: 3.125rem;">
            <el-button type="primary">存款</el-button>
          </el-row>
          <el-table v-loading="loading" :data="qmcyCustCksd" @selection-change="">
            <el-table-column type="selection" width="55" align="center"/>
            <!--  <el-table-column label="银行卡号" align="center" prop="zh" :show-overflow-tooltip="true"></el-table-column> -->
            <el-table-column label="活期余额" align="center" prop="hqye"/>
            <el-table-column label="定期余额" align="center" prop="dqye"/>
          </el-table>
          <el-row style="margin-top: 3.125rem;">
            <el-button type="primary">贷款</el-button>
          </el-row>
          <el-table v-loading="loading" :data="qmcyCustDkmx" @selection-change="">
            <el-table-column type="selection" width="55" align="center"/>
            <el-table-column label="产品类型" align="center" prop="cplx" :show-overflow-tooltip="true"></el-table-column>
            <el-table-column label="产品名称" align="center" prop="cpmc"/>
            <el-table-column label="贷款余额" align="center" prop="dkye"/>
            <el-table-column label="欠息金额" align="center" prop="qxje"/>
            <el-table-column label="合同号" align="center" prop="hth"/>
          </el-table>
          <el-row style="margin-top: 3.125rem;">
            <el-button type="primary">理财</el-button>
          </el-row>
          <el-table v-loading="loading" :data="qmcyCustLicaiSaleinfo" @selection-change="">
            <el-table-column type="selection" width="55" align="center"/>
            <el-table-column label="产品名称" align="center" prop="prodname"
                             :show-overflow-tooltip="true"></el-table-column>
            <el-table-column label="理财余额" align="center" prop="leftamt"/>
          </el-table>
          <el-row style="margin-top: 3.125rem;">
            <el-button type="primary">信用卡</el-button>
          </el-row>
          <el-table v-loading="loading" :data="qmcyXykInfo">
            <el-table-column type="selection" width="55" align="center"/>
            <el-table-column label="信用卡号" align="center" prop="cardNo"></el-table-column>
            <el-table-column label="信用卡额度" align="center" prop="ed" :show-overflow-tooltip="true"></el-table-column>
            <el-table-column label="逾期金额" align="center" prop="yqje"/>
            <el-table-column label="本年交易次数" align="center" prop="tradeBn"/>
            <el-table-column label="本年交易额" align="center" prop="jyjeBn"/>
            <el-table-column label="本月交易次数" align="center" prop="tradeBy"/>
            <el-table-column label="本月交易额" align="center" prop="jyjeBy"/>
            <el-table-column label="本季交易次数" align="center" prop="tradeBj"/>
            <el-table-column label="本季交易额" align="center" prop="jyjeBj"/>
          </el-table>
        </el-tab-pane>
        <el-tab-pane label="网格商户" name="wgsh">
          <el-row>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>所属社区：</label>
                <span>{{ dataGtgsh.sssjsq }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>所属小区：</label>
                <span>{{ dataGtgsh.sssq }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>商户门头：</label>
                <span>{{ dataGtgsh.shmt }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>商户类型：</label>
                <span>{{ dataGtgsh.zjhm }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>经营状况：</label>
                <span>{{ dataGtgsh.jyzk }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>经营范围：</label>
                <span>{{ dataGtgsh.jyfw }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>法人姓名：</label>
                <span>{{ dataGtgsh.fddbr }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>法人姓名：</label>
                <span>{{ dataGtgsh.fddbrzjhm }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>经&nbsp;营&nbsp;人：</label>
                <span>{{ dataGtgsh.sjjyr }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>经&nbsp;营&nbsp;人：</label>
                <span>{{ dataGtgsh.sjjyrzjhm }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>管户机构：</label>
                <span>{{ orgName }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>管户经理：</label>
                <span>{{ userName }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>所属行业：</label>
                <span>{{ dataGtgsh.sshy }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>注册名称：</label>
                <span>{{ dataGtgsh.shzcmc }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>经营地址：</label>
                <span>{{ dataGtgsh.jydz }}</span>
              </div>
            </el-col>

          </el-row>
        </el-tab-pane>
        <el-tab-pane label="网格社区" name="wgsq">
          <el-row>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>所属社区：</label>
                <span>{{ dataWgWgsq.sssjsq }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>所属小区：</label>
                <span>{{ dataWgWgsq.sssq }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>居住信息：</label>
                <span>{{ dataWgWgsq.address }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>长期居住：</label>
                <span>{{ dataWgWgsq.longLive }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>家庭人口：</label>
                <span>{{ dataWgWgsq.labour }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>社区活动参与次数：</label>
                <span>{{ dataWgWgsq.joinActive }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>管户机构：</label>
                <span>{{ orgName }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>管户经理：</label>
                <span>{{ userName }}</span>
              </div>
            </el-col>
          </el-row>
        </el-tab-pane>
        <el-tab-pane label="网格村居" name="wgcj">
          <el-row>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>镇：</label>
                <span>{{ dataWgWgcj.town }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>村：</label>
                <span>{{ dataWgWgcj.village }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>组：</label>
                <span>{{ dataWgWgcj.group }}</span>
              </div>
            </el-col>

            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>与户主关系：</label>
                <span>{{ yhzgx }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>家庭劳动力：</label>
                <span>{{ dataWgWgcj.labour }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>健康状况：</label>
                <span>{{ health }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>房产：</label>
                <span>{{ hourse }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>动产：</label>
                <span>{{ car }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>管户机构：</label>
                <span>{{ orgName }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>管户经理：</label>
                <span>{{ userName }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>不良嗜好：</label>
                <span>{{ badHabits }}</span>
              </div>
            </el-col>
            <!-- <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>整村授信家庭额度：</label>
                <span></span>
              </div>
            </el-col> -->
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>务工地点：</label>
                <span>{{ dataWgWgcj.workAddress }}</span>
              </div>
            </el-col>
            <el-col :span="12">
              <div style="margin: 1.5625rem;font-size: 14px;">
                <label>村居地址：</label>
                <span>{{ dataWgWgcj.address }}</span>
              </div>
            </el-col>
          </el-row>
        </el-tab-pane>
      </el-tabs>
    </el-card>


  </el-dialog>
</template>

<script>
import {queryCustomerInfo} from "@/api/buss/customer";

export default {
  name: "detailCustomInfo",
  props: {
    isShowDetail: {
      type: Boolean,
      required: true
    },
    card: {
      type: String,
      required: true

    }
  },
  components: {},
  data() {
    return {
      // 选中选项卡的 name
      activeName: 'cloum',
      open: false,
      isPos: false,
      isEtc: false,
      isSbk: false,
      isSjwx: false,
      isSjyh: false,
      isSyb: false,
      isXyk: false,
      isZfb: false,
      loading: true,
      // 表格的高度
      tableHeight: document.documentElement.scrollHeight - 245 + 'px',
      // 表信息
      tables: [],
      sqzxtList: [],
      // 表列信息
      cloumns: [],
      // 字典信息
      dictOptions: [],
      sexOptions: [],
      levelOptions: [],
      orgIdOptions: [],
      userIdOptions: [],
      sjyhOptions: [],
      sybOptions: [],
      sbkOptions: [],
      cftOptions: [],
      zfbOptions: [],
      sjwxOptions: [],
      // 菜单信息
      menus: [],
      // 表详细信息
      info: {},
      idCard: '',
      queryDate: {},
      customerLevelZh: '',
      jtcyList: [],
      proLabel: [],
      qmcyCustCksd: [],
      qmcyCustDkmx: [],
      qmcyCustLicaiSaleinfo: [],
      qmcyXykInfo: [],
      dataWgWgsq: {},
      groupLabel: [],
      groLb: '',
      dataGtgsh: [],
      dataWgWgcj: {},
      orgName: '',
      userName: '',
      customerType: '',
      sex: '',
      health: '',
      yhzgx: '',
      hourse: '',
      car: '',
      badHabits: '',
      cjAndsq: '',
      Pos: '',
      Etc: '',
      Sbk: '',
      Sjwx: '',
      Sjyh: '',
      Syb: '',
      Xyk: '',
      Zfb: '',

    };
  },
  mounted() {
    //789798
    this.idCard = this.card
    this.open = this.isShowDetail
    this.initDate();
    this.getDicts("sys_user_sex").then(response => {
      this.sexOptions = response.data;
    });
    this.getDicts("data_customer_level").then(response => {
      this.levelOptions = response.data;
    });
    this.getDicts("sys_org_id").then(response => {
      this.orgIdOptions = response.data;
    });
    this.getDicts("sys_user_id").then(response => {
      this.userIdOptions = response.data;
    });
    this.getDicts("sys_buss_type").then(response => {
      this.sjyhOptions = response.data;
    });
    this.getDicts("sys_buss_type").then(response => {
      this.sybOptions = response.data;
    });
    this.getDicts("sys_buss_type").then(response => {
      this.sbkOptions = response.data;
    });
    this.getDicts("sys_buss_type").then(response => {
      this.cftOptions = response.data;
    });
    this.getDicts("sys_buss_type").then(response => {
      this.zfbOptions = response.data;
    });
    this.getDicts("sys_buss_type").then(response => {
      this.sjwxOptions = response.data;
    });
  },

  methods: {
    initDate() {
      this.loading = true;
      queryCustomerInfo(this.idCard).then(response => {
          this.loading = false;
          this.queryDate = response.data;
          this.orgName = this.selectDictLabel(this.orgIdOptions, response.data.orgId);
          this.userName = this.selectDictLabel(this.userIdOptions, response.data.userId);
          console.log(this.userName)
          this.jtcyList = response.data.jtcyList;
          this.proLabel = response.data.proLabel;
          this.qmcyCustCksd = response.data.qmcyCustCksd;
          this.qmcyCustDkmx = response.data.qmcyCustDkmx;
          this.qmcyCustLicaiSaleinfo = response.data.qmcyCustLicaiSaleinfo;
          this.qmcyXykInfo = response.data.qmcyXykInfo;

          if (this.proLabel[0].sfpos == '1') {
            this.Pos = 'POS';
            this.isPos = true;
          }
          if (this.proLabel[0].sfetc == '1') {
            this.Etc = 'ETC';
            this.isEtc = true;
          }
          if (this.proLabel[0].sfsbk == '1') {
            this.Sbk = '社保卡';
            this.isSbk = true;
          }
          if (this.proLabel[0].sfsjwx == '1') {
            this.Sjwx = '省级微信';
            this.isSjwx = true;
          }
          if (this.proLabel[0].sfsjyh == '1') {
            this.Sjyh = '手机银行';
            this.isSjyh = true;
          }
          if (this.proLabel[0].sfsyb == '1') {
            this.Syb = '收银宝';
            this.isSyb = true;
          }
          if (this.proLabel[0].sfxyk == '1') {
            this.Xyk = '信用卡';
            this.isXyk = true;
          }
          if (this.proLabel[0].sfzfb == '1') {
            this.Zfb = '支付宝';
            this.isZfb = true;
          }


          if (this.queryDate.customerType == '0') {
            this.customerType = '普通客户'
          } else if (this.queryDate.customerType == '1') {
            this.customerType = '潜在客户'
          } else if (this.queryDate.customerType == '2') {
            this.customerType = '重点客户'
          }

          if (this.queryDate.customerLevelZh == '0') {
            this.customerLevelZh = '普通客户'
          } else if (this.queryDate.customerLevelZh == '1') {
            this.customerLevelZh = '白银客户'
          } else if (this.queryDate.customerLevelZh == '2') {
            this.customerLevelZh = '黄金客户'
          } else if (this.queryDate.customerLevelZh == '3') {
            this.customerLevelZh = '铂金客户'
          } else if (this.queryDate.customerLevelZh == '4') {
            this.customerLevelZh = '钻石客户'
          }

          if (this.queryDate.sex == '0') {
            this.sex = '女'
          } else if (this.queryDate.sex == '1') {
            this.sex = '男'
          }

          this.groupLabel = response.data.groupLabel;
          if (response.data.groupLabel.length > 0) {
            for (var i = 0; i < response.data.groupLabel.length; i++) {
              this.groLb = response.data.groupLabel[i].groupName
              console.log(response.data.groupLabel[i].groupName)
            }
          }

          if (response.data.dataGtgsh.length > 0) {
            this.dataGtgsh = response.data.dataGtgsh[0];
          } else {
            this.$nextTick(() => {
              this.$refs.tabs.$children[0].$refs.tabs[3].style.display = 'none';
            });

          }


          if (response.data.dataWgWgsq.length > 0) {
            this.dataWgWgsq = response.data.dataWgWgsq[0];
          } else {
            this.$nextTick(() => {
              this.$refs.tabs.$children[0].$refs.tabs[4].style.display = 'none';
            });

          }

          if (response.data.dataWgWgcj.length > 0) {
            this.dataWgWgcj = response.data.dataWgWgcj[0];
            if (this.dataWgWgcj.health == '1') {
              this.health = '健康'
            } else if (this.dataWgWgcj.health == '2') {
              this.health = '一般'
            } else if (this.dataWgWgcj.health == '3') {
              this.health = '重大疾病'
            }

            if (this.dataWgWgcj.hourse == '1') {
              this.hourse = '农村平房'
            } else if (this.dataWgWgcj.hourse == '2') {
              this.hourse = '农村楼房'
            } else if (this.dataWgWgcj.hourse == '3') {
              this.hourse = '县级以上商品房'
            } else {
              this.hourse = '无'
            }

            if (this.dataWgWgcj.badHabits == '0') {
              this.badHabits = '无'
            } else if (this.dataWgWgcj.badHabits == '1') {
              this.badHabits = '有'
            }

            if (this.dataWgWgcj.car == '1') {
              this.car = '私家车'
            } else if (this.dataWgWgcj.car == '2') {
              this.car = '大型农机'
            } else if (this.dataWgWgcj.car == '3') {
              this.car = '无'
            } else {
              this.car = '无'
            }

            if (this.dataWgWgcj.yhzgx == '1') {
              this.yhzgx = '户主'
            } else if (this.dataWgWgcj.yhzgx == '2') {
              this.yhzgx = '配偶'
            } else if (this.dataWgWgcj.yhzgx == '3') {
              this.yhzgx = '父母'
            } else if (this.dataWgWgcj.yhzgx == '4') {
              this.yhzgx = '子女'
            } else if (this.dataWgWgcj.yhzgx == '5') {
              this.yhzgx = '其他'
            }
          } else {
            this.$nextTick(() => {
              this.$refs.tabs.$children[0].$refs.tabs[5].style.display = 'none';

            })
          }


        }
      );

    },
    // 性别字典翻译
    sexFormat(row, column) {
      return this.selectDictLabel(this.sexOptions, row.sex);
    },
    sjyhFormat(row, column) {
      return this.selectDictLabel(this.sjyhOptions, row.sjyh);
    },
    sybFormat(row, column) {
      return this.selectDictLabel(this.sybOptions, row.syb);
    },
    sbkFormat(row, column) {
      return this.selectDictLabel(this.sbkOptions, row.sbk);
    },
    cftFormat(row, column) {
      return this.selectDictLabel(this.cftOptions, row.cft);
    },
    zfbFormat(row, column) {
      return this.selectDictLabel(this.zfbOptions, row.zfb);
    },
    sjwxFormat(row, column) {
      return this.selectDictLabel(this.sjwxOptions, row.sjwx);
    },
    /***
     *关闭窗口
     */
    handleClose() {
      this.$emit('closeDetail')

    },
  },

}
</script>

<style scoped>

</style>
